﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {	
	$("#link1").click(function() {
		$.ajax(type: "POST", dataType: "JSON", url: "<?=base_url()?>index.php/home/kill_sess",
			data: clicked, json: {clicked_logout: true}, success: function(data) {
				if(data.clicked_logout == true) { // true means the Logout button was clicked
					$("#main1").hide();
					$("#main1").load('<?=base_url()?>index.php/home/register').fadeIn(400);
				}
		});
	});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<style type="text/css">
::-webkit-scrollbar {
	width: 5px;
    height: 5px;
}
::-webkit-scrollbar-thumb:vertical {
	background-color: #666666;
}
.custom-scroll-area {
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 5pt;
}
.style2 {
	background-color: #D5E4F2;
}
.noty {
	background-color: #FFFFFF;
	border-bottom-left-radius: 4px;
}
.main {
	background-color: #FFFFFF;
	border-bottom-right-radius: 4px;
}
.style93 {
	font-family: Tahoma;
	font-size: 11px;
}
.noty-reply {
	padding: 2px;
	border: 1px solid #C0C0C0;
	padding: 5px;
	font-family: tahoma;
	font-size: 11px;
	outline: none;
	border-radius: 3px;
	
}
.style94 {
	color: #003366;
}
.action_button {
	background-color: #FFFFFF;
	border: 1px solid #808080;
	font-family: tahoma;
	font-size: 10pt;
	font-weight: bold;
	padding: 4px;
	margin: 3px;
	border-radius: 2px;
}
.auto-style1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	text-align: center;
}
.navLinks {
	color: #808080;
	font-family: Tahoma;
	font-size: medium;
}
.search {
	border: 1px solid #C0C0C0;
	border-width: 0px;
	border-radius: 3px;
	background-color: transparent;
	font-family: Tahoma;
	outline-style:none;
}
.style95 {
	text-align: right;
}
.style96 {
	text-align: left;
}
.style97 {
	font-family: Tahoma;
	font-size: medium;
}
.auto-style2 {
	background-color: #E4E4E4;
}
.link1 {
	text-decoration: none;
	font-family: Tahoma;
	font-size: medium;
	color: black;
}
.auto-style3 {
	text-align: center;
}
</style>
</head>

<body style="background-color: #51626F">

<table cellpadding="0" cellspacing="0" style="width: 945px; height: 0px; position: fixed; top: 0px; right: 0px; left: 0px;" align="center">
	<!-- MSTableType="layout" -->
	<tr>
		<td valign="top" class="auto-style2" colspan="2" style="height: 31px">
		<table cellpadding="0" cellspacing="0" style="width: 100%">
			<tr>
				<td class="style97" style="width: 748px">&nbsp;Home&nbsp; Profile&nbsp; Mail&nbsp; 
				Friends&nbsp; <a class="link1" href="<?=base_url()?>index.php/home/kill_sess">Logout</a></span></td>
				<td class="style96">
				<span class="Apple-style-span" style="font-family: Verdana; font-size: 11px;">
				<span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;">
				<span class="Apple-style-span" style="font-size: 11px;">
				<span class="style86" style="border-collapse: separate; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;">
				<span class="style68">
				<span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;">
				<span class="style97">
				<em>
				<span class="style99">
				<span class="style100"><span class="style101">
				<span class="style102">
				<strong>
				<form method="get" action="">
				<input name="q" id="q" placeholder="Search" spellcheck="false" autocomplete="off" style="width: 198px; height: 29px;" type="text" class="search" size="20" />
				</form>
				</strong></span></span></span></span>
				</em>
				</td>
			</tr>
		</table>
		</td>
	</tr>
	<tr>
		<td valign="top" class="noty" style="width: 100px; height: 500px">
		<div class="custom-scroll-area" style="width: 300px">
		<table style="width: 100%">
			<tr>
				<td>
				<table style="width: 100%">
					<tr>
						<td><span class="style93"><strong>New Message</strong></span></td>
					</tr>
					<tr>
						<td><span class="style93">Do you still have that new 
						design? If so can you fax it over to me? I&#39;m in dire 
						need of it. It&#39;s kinda important.</span></td>
					</tr>
					<tr>
						<td class="auto-style3">
						<span class="style86" style="border-collapse: separate; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;">
						<span class="style79">
						<span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;">
						<span class="Apple-style-span" style="font-size: 11px;">
						<em><span class="style68">
						<span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;">
						<span class="Apple-style-span" style="font-family: Verdana; font-size: 11px;">
						<strong>
						<input name="reply" placeholder="Quick Reply" spellcheck="false" autocomplete="off" type="text" class="noty-reply" size="50%" /></strong></span></span></span></em></span></span></span></span></td>
					</tr>
				</table>
				<table style="width: 100%">
					<tr>
						<td><span class="style93"><strong><span class="style94">
						John Michael Hulten</span> wants to be your friend</strong></span></td>
					</tr>
					<tr>
						<td>
						<table cellpadding="0" cellspacing="0" style="width: 100%">
							<tr>
								<td style="width: 23px">
								<input name="action_button" type="button" value="Accept" class="action_button" /></td>
								<td class="auto-style1">October 10th at 6:25am</td>
							</tr>
						</table>
						</td>
					</tr>
				</table>
				</td>
			</tr>
		</table>
					 <br />
					 <br />
					 <br />
					 <br />
					 <br />
					 <br />
					 <br />
					 <br />
					 <br />
					 <br />
					 <br />
					 <br />
					 <br />
					 <br />
					 <br />
					 <br />
					 <br />
					 <br />
					 <br />
					 <br />
					 <br />
					 <br />
					 <br />
					 <br />
		</div>
		</div>
		</div>	
		</div>
		</td>
		<td valign="top" class="main" style="height: 174px">
	<div class="custom-scroll-area" style="width: 672px">
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
	</div>
	</td>
	</tr>
	<tr>
		<td style="width: 201px"></td>
		<td style="height: 1px; width: 563px"></td>
	</tr>
</table>
</body>
</html>
